<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>预约美容师</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="format-detection" content="telephone=no">
	<link type="text/css" rel="stylesheet" media="screen" href="__APP__/css/style.css"/>
    <link type="text/css" rel="stylesheet" media="screen" href="__APP__/css/media.css"/>
    <script type="text/javascript" src="__APP__/js/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
	$(function(){
		function ArrayToURL(array) {
			var pairs = [];
			for (var key in array)
			if (array.hasOwnProperty(key))
				pairs.push(encodeURIComponent(key) + '=' + encodeURIComponent(array[key]));
			
			return pairs.join('&');
		}
		
		$(".beautylist_sec li").click(function(){
// 			$(this).children().children().children().children().eq(0).children('label').css('background','url(images/radio.png) 100% 50% / auto 100% no-repeat');
			 var beautician_id = $(this).attr('data-id');
			 $(this).find('.checkboxLabel').css('background','url(__APP__/images/radio.png) 100% 50% / auto 100% no-repeat');
			 
			 localStorage.setItem('beautician_id', beautician_id);
			 var beauty_id = localStorage.getItem('beauty_id');
			 var parms = {beautician_id:beautician_id};
			 if (beautician_id) {
				 parms ['beauty_id'] = beauty_id;
			 }
			 
			 window.location.href = '{:U("/ServiceItem/detail/id/2")}' + '?' + ArrayToURL(parms);
		});
	});
	</script>
</head>
<header class="beautylist_head">
  <div class="btylisthead womenhead">
   <h1>隶属美容店：<span>越秀区娇莉芙应元店</span></h1>
  </div>
</header>
<section class="beautylist_sec">
   <div>
     <ul>
     <foreach name="list" item="beautician">
       <li data-id="{$beautician.id}">
         <div class="btylistmain womenmain">
           <h2><img src="__UPLOADS__/Profile/{$beautician.profile_img}"></h2>
           <dd>
             <h3><span>{$beautician.name}</span><label class="checkboxLabel"></label></h3>
             <h3><if condition="$beautician['start']">
             		<for start="0" end="$beautician['start']">
             		<i></i>
             		</for>
             	</if><label>{$beautician.service_total}次服务</label></h3>
             <h3><span>{$beautician.desc}</span></h3>
           </dd>
         </div>
       </li>
       </foreach>
     </ul>
     <if condition="$hasMore">
     <input type="button" value="查看更多" class="btn beautyshibtn">
     </if>
   </div>
</section>
</body>
</html>